.Home {
  padding: 20px;
  margin-bottom: 50px;
  .h1 {
    font-size: px2rem(60);
    color: #1f314a;
    opacity: 0.9;
    padding-bottom: 30px;
  }
  .swiper-container {
    height: px2rem(456);
  }
  .swiper-slide {
    width: px2rem(240);
    height: px2rem(456);
  }
  .wraooerImage {
    width: px2rem(240);
    height: px2rem(294);
    box-shadow: 1px 11px 4px #cdcdcd;
    background-color: #007aa6;
    border-radius: 20px;
    img {
      max-width: 100%;
      max-height: 100%;
    }
  }

  .desc {
    padding-top: 15px;
    padding-bottom: 5px;
    width: px2rem(182);
    font-size: px2rem(30);
    color: #1f314a;
    opacity: 0.9;
  }
  .h3 {
    font-size: px2rem(28);
    color: #1f314a;
    opacity: 0.9;
    font-weight: 800;
  }

  .row11 {
    display: flex;
    flex-wrap: wrap;
    .item {
      padding-right: 10px;
      margin-bottom: 20px;
      &:last-child {
        padding-right: 0px;
      }
    }
    .wrapperImage11 {
      width: px2rem(192);
      height: px2rem(192);
      background-color: #ffffff;
      border-radius: 50%;
      img {
        max-height: 100%;
        max-width: 100%;
      }
    }

    .itemTitlte {
      font-size: px2rem(32);
      color: #1f314a;
      opacity: 0.9;
      text-align: center;
      font-weight: 800;
      margin-top: 20px;
    }
  }
}